// 切换两个盒子
// 点击登录的盒子里面的a标签，让注册的盒子显示（注册的盒子显示了，就会把登录的盒子遮挡住）
$(".login a").on('click', function () {
  $(".register").show();
})

// 点击注册的盒子里面的a标签，让注册的盒子隐藏
$(".register a").on('click', function () {
  $(".register").hide();
})



// 登录功能
// http://www.itcbc.com:8080
// 当表单提交的时候，阻止默认行为，收集账号和密码，ajax提交到接口
$(".login form").on('submit', function (e) {
  e.preventDefault();
  let data = $(this).serialize();
  // ajax提交数据选择试用axios
  // axios.post(url,请求体).then(functin(){}).catch(function(){});
  axios.post('/api/login', data)
    .then(res => {
      // 解构赋值，获取相应结果中的status/message/token
      let { status, message, token } = res.data;
      if (status === 0) {
        // 保存token
        localStorage.setItem('token', token);
        // 提示一下
        layer.msg(message, { time: 1500 }, () => {
          location.href = './index.html';
        });

      }

    })
})

// 注册功能
// 当表单提交的时候，阻止默认行为，收集账号和密码，ajax提交到接口
$('.register form').on('submit', function (e) {
  e.preventDefault();
  let data = $(this).serialize();
  axios.post('/api/reguser', data).then(res => {
    let { status, message } = res.data;
    if (status === 0) {
      layer.msg(message);
      // 清空输入框（重置表单）
      $(".register form")[0].reset();//[0]将jQuery对象转换为DOM对象
      $(".register").hide();
    }
  })
})


// 表单验证
// 自定义验证规则
// 使用layui内置模块，使用之前必须先加载模块(弹出层的layer可以直接使用，其他的必须加载)
// 加载语法:let xxx = layui.模块名
let form = layui.form;
form.verify({//对象，里面写键值对，值可以是数组和函数
  // len:['正则表达式','验证不通过时的提示']
  len: [/^\S{6,12}$/, '长度6~12位且不能有空格'],//{6,12}不能加空格
  // 函数形式，函数的形参表示使用该验证规则的输入框的值，案例中，确认密码使用了这个验证规则，形参val
  // same:function(val){return '不通过时的提示'}
  same: function (val) {
    let pwd = $(".pwd").val();
    // 判断
    if (pwd !== val) return '两次密码不一致';
  }
});